@use "sass:map";
@use "helper" as *;

// Color
$color-white:       #fff !default;
$color-black:       #000 !default;
$color-blue:        #3897f0 !default;
$color-lightblue:   #2b92e4 !default;
$color-purple:      #816ad6 !default;
$color-pink:        #ff94ab !default;

$color-primary:     #f375b5 !default;
$color-danger:      #dc3545 !default;
$color-text:        #495057 !default;
$color-text-aux:    #74818d !default;
$color-placeholder: #c0c4cc !default;
$color-border:      #e9ecef !default;
$color-fill:        #f5f7fa !default;
$color-weibo:       #0e2746 !default;
$color-wechat:      #51b035 !default;


$color-text: #52555a; // 标题
// $color-text-aux: #52555a; // 正文
$color-placeholder: #a7abb3; // 辅助
$color-danger: #e94328; // 点缀  #fbfbfb #d8d8d8
$color-fill: #fbfbfb;

$color-background: rgba($color-black, .04);
$color-border: rgba($color-black, .06);

$color-accent: #18191b;



$bcAccent: defineColor(#ff4500);
$bcWechat: defineColor(#51b035);
$bcWeibo:  defineColor(#0e2746);
$bcText:   defineColor(#333333);
$bcLine:   defineColor(#e6e6e6);
$bcFill:   defineColor(#f5f5f5);

// Themex
$theme-colors: (
  "primary": $color-primary,
  "danger" : $color-danger,
  "btn"    : $color-text
) !default;

// Percent
$hover-percent:           20% !default;

// Border
$border-radius-small:     2px !default;
$border-radius-base:      4px !default;
$border-radius-large:     8px !default;

// Font
$font-size-base:          14px !default;
$font-family-sans-serif:  "Bookman Old Style", STSong, Helvetica, Tahoma, Arial, sans-serif !default;
$font-family-monospace:   SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base:        $font-family-sans-serif !default;
$font-weight-base:        400 !default;
$font-weight-bold:        700 !default;

// Link
$link-color:              $color-primary !default;
$link-hover-color:        darken($color-primary, 10%) !default;
$link-active-color:       darken($color-primary, $hover-percent) !default;

// Transition
$transition-duration:     300ms;
$transition-timing:       cubic-bezier(.215, .61, .355, 1) !default;
$transition:              $transition-duration $transition-timing;

// Grid
$grid-small:      768px !default;
$grid-medium:     992px !default;
$grid-large:      1200px !default;
$grid-gutter:     $font-size-base !default;
$grid-breakpoints: () !default;
$grid-breakpoints: map.merge(
  (
    xs: (max-width: $grid-small - 1),
    sm: (min-width: $grid-small),
    md: (min-width: $grid-medium),
    lg: (min-width: $grid-large)
  ),
  $grid-breakpoints
);

// Icons
$icons: () !default;
$icons: map.merge(
  (
    'wikis': url(),
    'ghost': url(),
    'fish': url(),
    'home': url(),
    'edit': url(),
    'setting': url(),
    'email': url(),
    'rss': url(),
    'rss2': url(),
    'loading': url()
    ),
  $icons
);

// Components
$input-height:        34px !default;
$textarea-height:     $input-height * 4 !default;
$button-height:       $input-height !default;

// Header
$header-height:       80px !default;
$header-xs-height:    60px !default;
$header-fill-color:   $color-white !default;
$header-shadow:       0 3px 8px 0 rgba($color-text-aux, .1) !default;

// Main
$main-width:          1000px !default;
$main-fill-color:     $color-white !default;

// Aside
$aside-width:         280px !default;
$aside-width-md:      320px !default;
$aside-fill-color:    $color-white !default;
$aside-shadow:        5px 0 10px rgba($color-black, .08) !default;
$aside-shadow-md:     1px 0 5px 0 rgba($color-black, .1) !default;

// Body
$body-max-width:      700px !default;

// Scroll
$scroll-fill-color:   #909999 !default;

// Footer
$footer-color:        $color-text-aux !default;
$footer-fill-color:   #23262e !default;
$footer-mask-height:  80px !default;

$footer-fill-color: rgba($color-black, .2);

// Extra
$github-octo-width:   60px !default;
$hamburger-bar-height: 2px !default;
$hamburger-bar-gutter: 6px !default;
$hamburger-width:     20px !default;
$hamburger-height:    $hamburger-bar-height * 3 + $hamburger-bar-gutter * 2;
$tooltip-fill-color:     rgba($color-text, .8) !default;
$tooltip-y-padding:      3px !default;
$tooltip-x-padding:      2 * $tooltip-y-padding !default;
$tooltip-arrow-width:    5px !default;
$tooltip-line-height:    1.5 !default;

//
$space: 25px !default;
$max-width: 1000px;
